<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Error</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/gsdk.css" rel="stylesheet">
    <link href="style/demo.css" rel="stylesheet">
    <link href="style/cooriku.css" rel="stylesheet">
    <link href="style/font-awesome.css" rel="stylesheet">
    <link rel="shortcut icon" href="icon.ico" type="image/x-icon">

    <style>
        body {
            margin: 0;
            padding: 0;
            height: 900px;
            width: 100%;
            background-image: url(img/service/top-service.jpg);
            background-repeat: no-repeat;
            background-size: cover; /* 或者使用 'contain' */
            background-position: center center; /* 使图片在容器中居中 */
        }
        .error-container {
            background-color: rgba(255, 255, 255, 0.8); /* 使用半透明背景色以提高可读性 */
            padding: 80px;
            /* ... other styles ... */
            position: absolute;
            top: 50%; /* 移动到父容器的垂直中点 */
            left: 50%; /* 移动到父容器的水平中点 */
            transform: translate(-50%, -50%); /* 向左和向上移动元素自身宽度和高度的一半 */
            /* Remove the auto margins since we're using absolute positioning */
            margin: 0;
            /* ... other styles ... */
            text-align: center;

        }
    </style>
</head>
<body>
<div class="container d-flex align-items-center justify-content-center vh-100">
    <div class="row">
        <div class="col-md-6 error-container">
            <div class="text-center mb-4">
                <H2>新青年宠物店温馨提示：</H2>
            </div>
            <h3 class="text-center text-danger">错误</h3>
            <div class="alert alert-danger" role="alert">
                <p >您当前操作有误，请返回界面重新登录！</p>
            </div>
            <div class="text-center mt-4">
                <a href="#" class="btn btn-primary" onclick="window.history.back(); return false;">返回上一级</a>
            </div>
        </div>
    </div>
</div>


<!-- 引入Bootstrap JS 和依赖 -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
